<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>Hello world</title>
    <script type="text/javascript" src="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins.js"></script>
    <script type="text/javascript" src="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins-ui.js"></script>
    <link rel="stylesheet" href="https://onlyoffice.github.io/sdkjs-plugins/v1/plugins.css">
    <link rel="stylesheet" href="styles/style.css">
    <script src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script>
    <script type="text/javascript" src="scripts/jwt.js"></script>
    <script type="text/javascript" src="scripts/zhipu_ai.js"></script>
    <script type="text/javascript" src="scripts/code.js"></script>


</head>

<body>
    <div class="chat-container">
        <div class="message-history">
            <!-- Historical messages are displayed here -->
        </div>
        <div class="message-input-area">
            <textarea type="text" class="message-input" placeholder="Type your message"></textarea>
            <button class="send-button">
                <img src="resources/send.png" alt="Send" width="20px" height="20px">
            </button>
        </div>
        <div class="typing-indicator" style="display: none;">
            AI is thinking ...
        </div>
    </div>
</body>

</html>